<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>查找美食</title>
    <link rel="stylesheet" type="text/css" href="../static/css/base.css">
    <link rel="stylesheet" type="text/css" href="../static/css/upload.css">
    <link rel="stylesheet" type="text/css" href="../static/bootstrap/css/bootstrap.css">
</head>
<body>
<nav class="menu">
    <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open"/>
    <label class="menu-open-button" for="menu-open">
        <span class="hamburger hamburger-1"></span>
        <span class="hamburger hamburger-2"></span>
        <span class="hamburger hamburger-3"></span>
    </label>

    <a href="/" class="menu-item"> 主页 </a>
    <a href="/todo" class="menu-item"> 心愿清单 </a>
    <a href="/upload" class="menu-item"> 美食菜谱 </a>
    <a href="/hot" class="menu-item"> 热榜集合 </a>
    <a href="/log" class="menu-item"> 日志系统 </a>
</nav>

<div class="container">
    <div class="poster">
        <div class="poster__img"></div>
        <div class="center">
            <div class="title">
                <h1>开始识别</h1>
            </div>
            <form action="" method="post" enctype='multipart/form-data'>
                <div class="dropzone">
                    <img src="../static/assets/upload.svg" class="upload-icon"/>
                    <input type="file" class="upload-input" name="file">
                </div>
                <button type="submit" class="btn" name="uploadbutton">
                    <b>我想识别这张图片</b>
                </button>
            </form>
        </div>
    </div>

</body>
</html>
